<template>
  <div class="container">
    <!--      职位名称-->
    <van-cell title="职位名称" required/>
    <div class="input_">
      <div class="input_">
        <van-field
          v-model="position_name"
          name="position_name"
          placeholder="输入您的职位名称"
          :rules="[{ required: true, message: '请填写您的公司名称' }]"
        />
      </div>
    </div>
    <!--      工作描述-->
    <van-cell title="工作描述" required/>
    <div class="input_">
      <van-field
        v-model="self_assessment"
        name="self_assessment"
        rows="2"
        :autosize="autosize"
        type="textarea"
        maxlength="50"
        placeholder="您可以对自己进行评价"
        show-word-limit
      />
    </div>
  </div>
</template>

<script>
export default {
  name: 'dec',
  data () {
    return {
      position_name: '',
      self_assessment: '',
      autosize: {
        maxHeight: 100,
        minHeight: 50
      }
    }
  }
}
</script>

<style lang="scss" scoped>
::v-deep .van-cell {
  padding: 5px 16px;
  border-radius: 8px;
}

.container {
  padding: 5px 10px;
}

.input_ {
  border: 1px solid #cccccc;
  border-radius: 8px;
}
</style>
